﻿/* 全局CSS */

body{margin:0px; padding:0px; font-family:Tahoma,"Times New Roman", Times, "宋体"; font-size:12px;}
form,h1,h2,h3,h4,h5,p,div,ul,li{margin:0px; padding:0px;}
input,button,textarea,select, a:hover{resize: none; outline:none;}
img{border:0;}
a span{vertical-align:baseline;}
label,input,button,textarea,select{vertical-align:middle;}
input[type=checkbox] {vertical-align: middle; padding: 2px; }
.hide{display:none;}
.clear{clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}
.middle{vertical-align:middle;}

body{background-color:#F8F8F8;}

a{ color:#456B0A; text-decoration: none; }
a:hover{ text-decoration: underline; }
a.btn-lit{text-decoration: none; }

/* 绿色按钮 */
.btn{display:inline-block; height:28px; line-height:28px; text-align:center; border:none; background-image:url(../images/button-green.png); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 0px 12px; text-decoration:none; font-weight:bold; color:#FFFFFF; /*text-shadow:-1px -1px 0 #99B119;*/}
.btn span{display:block; padding:0px 12px 0px 0px; background-image:url(../images/button-green.png); background-repeat:no-repeat; background-position:right 0px; font-size:14px;}
.btn-hover{background-position:0px -30px;}
.btn-hover span{background-position:right -30px;}
.btn-active{background-position:0px -60px;}
.btn-active span{background-position:right -60px;}

.btn-lit{display:inline-block; height:23px; line-height:23px; text-align:center; border:none; background-image:url(../images/button-green-lit.png); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 0px 12px; text-decoration:none; font-weight:bold; color:#FFFFFF; /*text-shadow:-1px -1px 0 #99B119;*/}
.btn-lit span{display:block; padding:0px 12px 0px 0px; background-image:url(../images/button-green-lit.png); background-repeat:no-repeat; background-position:right 0px; font-size:12px;}
.btn-lit-hover{background-position:0px -25px;}
.btn-lit-hover span{background-position:right -25px;}
.btn-lit-active{background-position:0px -50px;}
.btn-lit-active span{background-position:right -50px;}

/* 分页按钮 */
.button-white{display:inline-block; height:26px; line-height:26px; text-align:center; border:none; background-image:url(../images/button-white.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 0px 12px; text-decoration:none; font-weight:normal; color:#5b5959; /*text-shadow:0px 1px #FFFFFF;*/}
.button-white span{display:block; padding:0px 12px 0px 0px; background-image:url(../images/button-white.gif); background-repeat:no-repeat; background-position:right 0px; font-size:12px; font-family:"微软雅黑","宋体";}

/* 通用字体 */
.txt-white{color:#ffffff; font-weight:normal;}
.txt-white-b{color:#ffffff; font-weight:bold;}
.txt-green{color:#147a00; font-weight:normal;}
.txt-green-b{color:#147a00; font-weight:bold;}
.txt-gray{color:#666666; font-weight:normal;}
.txt-gray-b{color:#666666; font-weight:bold;}
.txt-red{color:#FF0000; font-weight:normal;}
.txt-red-b{color:#FF0000; font-weight:bold;}
.txt-orange{color:#FF6600; font-weight:normal;}
.txt-orange-b{color:#FF6600; font-weight:bold;}

/* 通用文本 */
select{height:24px; line-height:24px;}
input,textarea{border:1px solid #A4A4A4; color:#4a4a4a; font-size:12px; font-family:Tahoma,"Times New Roman", Times, "宋体";}
.input-code,.input-small,.input-normal,.input-big,.input-xbig,.input-xxbig{height:20px; line-height:20px;}

.input-code{width:35px;}
.input-small{width:100px;}
.input-normal{width:180px;}
.input-big{width:250px;}
.input-xbig{width:350px;}
.input-xxbig{width:450px;}

.sep{background:url(../images/sep.gif) repeat-x; height:5px; overflow:hidden;}

/* 通用图标 */
.icon-sprite{background-image:url(../images/icon.png); background-repeat:no-repeat; width:16px; height:16px; display:inline-block; position:absolute; top:50%; margin-top:-8px; left:10px;}
.icon-alarm{background-position:-39px 0px;}
.icon-left{background-position:-1px 0px;}
.icon-down{background-position:-18px 0px;}
.icon-block{background-position:-59px 0px;}
.icon-list{background-position:-79px 0px;}
.icon-magnifier{background-position:-5px -20px;}
.icon-edit{background-position:-25px -19px;}
.icon-delete{background-position:-46px -20px;}

/* 登录 */
#login-form{width:378px; margin:100px auto;}
#login-form .t{background:url(../images/login-t.gif) no-repeat; height:88px;}
#login-form .t h3{font-size:24px; font-weight:bold; color:#FFFFFF; line-height:88px; text-align:center;}
#login-form .m{background:url(../images/login-m.gif) repeat-y; padding:10px;}
#login-form .b{background:url(../images/login-b.gif) no-repeat; height:11px;}
#login-form .txt-green{font-size:13px;}
#login-form .input-normal{width:220px;}
#login-form .sep{margin:10px auto; width:98%;}
#login-form .btbar{margin-left:90px;}
#login-tip{ padding-left:5px; font-weight:bold; color:#FF6600;}

/* 主框架 */
#wp{}

/* 顶部 */
#header{background:url(../images/header-bg.gif) repeat-x; height:60px; position:relative;}
#header-logo{width:183px; height:60px;}
#header-title{font-size:24px; color:#FFFFFF; font-family:"微软雅黑","宋体"; position:absolute; top:0px; left:10px; height:60px; line-height:60px;  text-shadow:0px 1px #5F8718;}
#header-nav{position:absolute; bottom:10px; right:10px;}
#header-nav a{color:#FFFFFF; text-decoration:none; margin:0px 5px;}

#main{background-color:#59A84E; min-height:400px; position:relative; padding-left:184px; width:auto; overflow:hidden; _display:inline-block;}

/* 左边 */
#left{width:174px; position:absolute; top:0px; left:10px; margin-top:0px; background-color:#59A84E;}
#left-tit{border-radius:3px 3px 0px 0px;background-color:#166A00; color:#FFFFFF; height:27px; line-height:27px; text-align:left; text-indent:12px; font-weight:bold;}
#left-nav{border-radius:0px 0px 3px 3px;background-color:#FFFFFF;}
#left-nav .line{border-bottom:1px dashed #D6D6D6;}
#left-nav .fir{display:block; height:25px; line-height:25px; color:#5a5a5a; text-decoration:none; padding-left:30px; background-color:#FFFFFF; position:relative;}
#left-nav .fir:hover{background-color:#EEFECB;}
#left-nav .sec{display:block; height:22px; line-height:22px; padding-left:42px; text-decoration:none; color:#5a5a5a; background:#F7F7F7 url(../images/sub-menu.png) no-repeat 31px 5px ;}
#left-nav .sec:hover,#left-nav .current{background-color:#EEFECB;}

/* 右边 */
#right-wp{padding-left:10px; padding-right:10px; background-color:#59A84E; height:auto !important;}
#right{border-radius:3px 3px 3px 3px;background-color:#FFFFFF; padding:10px;}
#loading{height:auto; text-align:center; padding-top:200px;}
#block-wp{ margin-right:10px;}
.block{position:relative; width:99.8%; border:1px solid #D3E5B6; background-color:#F7F7F7; margin:auto;}
.block .corner{background-image:url(../images/block-corner.png); background-repeat:no-repeat; position:absolute;}
.block .tl{width:8px; height:32px; top:-1px; left:-1px; background-position:0px 0px;}
.block .tr{width:8px; height:32px; top:-1px; right:-1px; _right:-2px;  background-position:-8px 0px;}
.block .bl{width:8px; height:12px; bottom:-1px; _bottom:-3px; left:-1px; background-position:0px -32px;}
.block .br{width:8px; height:12px; bottom:-1px; _bottom:-3px; right:-1px; _right:-2px; background-position:-8px -32px;}
.block .h{background:url(../images/block-h.gif) repeat-x; height:32px; position:absolute; top:-1px; width:100%;}
.block .h h3{line-height:32px; text-indent:34px; font-size:11pt; color:#666666; font-weight:normal;}
.block .cnt-wp{padding:35px 10px 10px; display:block; _display:inline-block;}
.block .cnt-wp .cnt{border:1px solid #DDDDDD; background-color:#FFFFFF;}
.block .cnt-wp .form{padding:5px;}
.block .h .bar{position:absolute; top:0px; right:10px; text-align:right; padding-top:5px;}
.block .h .bar a,.block .h .bar select,.search-bar a{vertical-align:middle;}

.block-sep{height:10px; overflow:hidden;}

/* 搜索表单 */
.search .cnt{background-color:#FFFFFF;}
.search-bar{text-align:left; padding:10px;}
.search label{padding-left:10px;}
.search label.first{padding-left:0px;}

/* 数据表单 */
.data-form{width:100%; border:0px;}
.data-form tr{height:35px; line-height:35px;}
.data-form th{width:200px; color:#4b4a4a; text-align:right; font-weight:normal;}
.data-form td{padding-left:5px;}
.data-form #tip,.search #tip{ padding-left:5px; font-weight:bold; color:#FF6600;}

/* 数据表格 */
.data-table{width:100%; border:0px;}
.data-table th{background:url(../images/data-table-th.gif) repeat-x; height:31px; line-height:31px; color:#456b0a; font-weight:bold; font-size:12px;}
.data-table .odd{background-color:#F6FEEA;}
.data-table td{height:25px; line-height:25px; border-right:1px solid #DDDDDD;}
.data-table td.l{text-align:left;}
.data-table td.c{text-align:center;}
.data-table td.r{text-align:right;}
.data-table td.txt{text-indent:5px;}
.data-table td.chk{text-indent:1px;width:40px;text-align:center;}
.data-table td.txt40{text-indent:5px; width:40px;}
.data-table td.txt80{text-indent:5px; width:80px;}
.data-table td.txt120{text-indent:5px; width:120px;}
.data-table td.txt160{text-indent:5px; width:160px;}
.data-table td.txt200{text-indent:5px; width:200px;}
.data-table td.icon{width:40px; text-align:center;}
.data-table td.tail{border-right:0 none;}
.data-table .opt{position:relative; width:35px; display:block; height:25px; text-align:center; cursor:pointer;}

/* 分页条 */
.pager-bar{height:40px; line-height:40px; color:#5b5959; text-align:right;}
.pager-bar a {display:inline-block; height:26px; line-height:26px; text-align:center; border:none; background-image:url(../images/button-white.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 13px 0px 12px; text-decoration:none; font-weight:normal; color:#5b5959; /*text-shadow:0px 1px #FFFFFF;*/}
.pager-bar .msg{float:left;height:40px; line-height:40px;}
.pager-bar .input-small{width:30px; border:1px solid #D3E5B6; margin:0px 4px;}

/* 底部 */
#footer-line{background-color:#59A84E; height:10px;}
#footer{height:28px; background:url(../images/footer-bg.gif) repeat-x; text-align:right; padding-right:20px; }
#footer-msg{height:28px; line-height:28px; float:left; line-height:28px; color:#666666; position:relative; padding-left:10px;}
#footer-time{height:28px; line-height:28px; float:right; line-height:28px; color:#666666; position:relative; padding-left:24px;}
